/**
 * BrainCube 智力魔方 - 品牌色彩设计方案
 * 基于认知科学和用户体验的专业色彩体系
 */

/* ===== 主品牌色 ===== */
// 智慧蓝 - 代表理性思维和专业性
$brand-primary: #4A90E2;           // 主品牌色
$brand-primary-light: #6BA3E8;     // 浅色变体
$brand-primary-dark: #3A7BC8;      // 深色变体
$brand-primary-gradient: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);

// 创新紫 - 代表创造力和想象力
$brand-secondary: #8B5FBF;         // 辅助品牌色
$brand-secondary-light: #A478D1;   // 浅色变体
$brand-secondary-dark: #7A4FAD;    // 深色变体
$brand-secondary-gradient: linear-gradient(135deg, #8B5FBF 0%, #7A4FAD 100%);

// 品牌渐变组合
$brand-gradient-main: linear-gradient(135deg, #4A90E2 0%, #8B5FBF 100%);
$brand-gradient-reverse: linear-gradient(135deg, #8B5FBF 0%, #4A90E2 100%);

/* ===== 功能色彩 ===== */
// 成功绿 - 正确答案、完成状态
$success-color: #2ECC71;           // 成功色
$success-light: #58D68D;           // 浅绿
$success-dark: #27AE60;            // 深绿
$success-bg: rgba(46, 204, 113, 0.1); // 背景色

// 警告橙 - 注意、提醒
$warning-color: #F39C12;           // 警告色
$warning-light: #F5B041;           // 浅橙
$warning-dark: #E67E22;            // 深橙
$warning-bg: rgba(243, 156, 18, 0.1); // 背景色

// 错误红 - 错误答案、失败状态
$error-color: #E74C3C;             // 错误色
$error-light: #EC7063;             // 浅红
$error-dark: #C0392B;              // 深红
$error-bg: rgba(231, 76, 60, 0.1); // 背景色

// 信息蓝 - 提示信息
$info-color: #3498DB;              // 信息色
$info-light: #5DADE2;              // 浅蓝
$info-dark: #2980B9;               // 深蓝
$info-bg: rgba(52, 152, 219, 0.1); // 背景色

/* ===== 中性色彩 ===== */
// 文字颜色
$text-primary: #2C3E50;            // 主要文字
$text-secondary: #5D6D7E;          // 次要文字
$text-tertiary: #85929E;           // 辅助文字
$text-disabled: #BDC3C7;           // 禁用文字
$text-inverse: #FFFFFF;            // 反色文字

// 背景颜色
$bg-primary: #FFFFFF;              // 主背景
$bg-secondary: #F8F9FA;            // 次背景
$bg-tertiary: #E9ECEF;             // 三级背景
$bg-overlay: rgba(0, 0, 0, 0.5);   // 遮罩背景

// 边框颜色
$border-light: #E9ECEF;            // 浅边框
$border-medium: #DEE2E6;           // 中等边框
$border-dark: #CED4DA;             // 深边框

/* ===== 测试类型专用色 ===== */
// 反应测试 - 闪电黄
$reaction-color: #F1C40F;
$reaction-gradient: linear-gradient(135deg, #F1C40F 0%, #F39C12 100%);

// 记忆测试 - 薄荷绿
$memory-color: #1ABC9C;
$memory-gradient: linear-gradient(135deg, #1ABC9C 0%, #16A085 100%);

// 数字测试 - 科技蓝
$number-color: #3498DB;
$number-gradient: linear-gradient(135deg, #3498DB 0%, #2980B9 100%);

// 视觉测试 - 活力橙
$visual-color: #E67E22;
$visual-gradient: linear-gradient(135deg, #E67E22 0%, #D35400 100%);

// 打字测试 - 优雅紫
$typing-color: #9B59B6;
$typing-gradient: linear-gradient(135deg, #9B59B6 0%, #8E44AD 100%);

// 语音测试 - 温暖红
$voice-color: #E74C3C;
$voice-gradient: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%);

// 黑猩猩测试 - 自然绿
$chimp-color: #27AE60;
$chimp-gradient: linear-gradient(135deg, #27AE60 0%, #229954 100%);

/* ===== 等级和成就色彩 ===== */
// 成就等级
$achievement-bronze: #CD7F32;      // 铜牌
$achievement-silver: #C0C0C0;      // 银牌
$achievement-gold: #FFD700;        // 金牌
$achievement-platinum: #E5E4E2;    // 铂金
$achievement-diamond: #B9F2FF;     // 钻石

// IQ等级颜色
$iq-genius: #9B59B6;               // 天才级 (140+)
$iq-excellent: #3498DB;            // 极优秀 (130-139)
$iq-good: #2ECC71;                 // 优秀 (120-129)
$iq-above-average: #F39C12;        // 中上 (110-119)
$iq-average: #95A5A6;              // 中等 (90-109)
$iq-below-average: #E74C3C;        // 待提升 (<90)

/* ===== 交互状态色彩 ===== */
// 按钮状态
$btn-hover-opacity: 0.9;           // 悬停透明度
$btn-active-scale: 0.95;           // 按下缩放
$btn-disabled-opacity: 0.6;        // 禁用透明度

// 卡片阴影
$shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1);
$shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15);
$shadow-heavy: 0 8px 32px rgba(0, 0, 0, 0.2);

/* ===== 动画和过渡 ===== */
$transition-fast: 0.2s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;

/* ===== 响应式断点 ===== */
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;

/* ===== 使用指南 ===== */
/*
1. 主品牌色使用原则：
   - 主要操作按钮使用 $brand-primary
   - 重要信息标题使用 $brand-primary
   - 导航和关键元素使用品牌渐变

2. 功能色使用原则：
   - 成功状态：$success-color
   - 警告提醒：$warning-color
   - 错误状态：$error-color
   - 信息提示：$info-color

3. 测试类型色彩：
   - 每个测试类型有专属颜色
   - 用于图标、进度条、统计图表
   - 保持视觉一致性和识别度

4. 文字层级：
   - 标题：$text-primary
   - 正文：$text-secondary
   - 说明：$text-tertiary
   - 禁用：$text-disabled

5. 背景层级：
   - 主背景：$bg-primary
   - 卡片背景：$bg-secondary
   - 分割区域：$bg-tertiary
*/

/* ===== 深色模式支持 ===== */
// 深色模式下的颜色变量
@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary: #1a1a1a;
    --bg-secondary: #2d2d2d;
    --bg-tertiary: #404040;
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --text-tertiary: #999999;
    --border-light: #404040;
    --border-medium: #555555;
    --border-dark: #666666;
  }
}

/* ===== 可访问性支持 ===== */
// 确保颜色对比度符合WCAG标准
// 所有颜色组合的对比度至少为4.5:1
// 重要信息的对比度至少为7:1

/* ===== 品牌色彩心理学 ===== */
/*
蓝色系 (#4A90E2)：
- 代表理性、专业、信任
- 有助于集中注意力和思考
- 适合智力测试应用的主色调

紫色系 (#8B5FBF)：
- 代表创造力、想象力、神秘
- 激发创新思维和灵感
- 平衡理性与感性

绿色系 (成功色)：
- 代表成长、成功、和谐
- 给用户正面反馈和鼓励
- 减少测试焦虑

橙色系 (警告色)：
- 代表活力、注意、温暖
- 适度的紧迫感和提醒
- 保持用户警觉性

红色系 (错误色)：
- 代表错误、停止、重要
- 明确的错误指示
- 避免过度使用造成压力
*/